
<%@ page language="java"  pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1" />
    <title>约来约美 </title>
    
    <link rel="stylesheet" href="${static_host}style/hh.form.css" />
    <link rel="stylesheet" href="${static_host}style/mobiscroll.css" />
    <link rel="stylesheet" href="${static_host}style/jquery.mmenu.all.css" />
    <link rel="stylesheet" href="${static_host}style/userct_base.css" />
    <script src="${static_host}script/jquery-1.11.1.min.js"></script>
	<script src="${static_host}script/jquery.mmenu.all.js"></script>
    <script src="${static_host}script/mobiscroll.js"></script>
    <script src="${static_host}script/userct_infos.js?v=1121"></script>
</head>
<body>

<div class="page">

  <div class="header">
    <h1 class="hd-title">个人资料</h1>
    <a href="user!index.do" class="pos-l icon hd-return">返回</a>
    <a href="javascript:location.reload(true);" class="pos-r">刷新</a>
  </div>

  <div class="content">
    
    <ul class="listview">
    <li><p class="label">用户名：${user.member_name}</p></li>
    </ul>
    
    <ul class="listview">
    <li><p class="label">基本资料</p></li>
    <li><a href="#set_username">用户昵称<span class="descp2 username">${user.nickname}</span></a></li>
    <li><a href="#set_gender">性别<span class="descp2 gender">${user.sex}</span></a></li>
<%--     <li><a href="#set_address">长居地<span class="descp2 address">上海</span></a></li> --%>
    </ul>
    
    <ul class="listview">
    <li><a href="#set_descp">自我介绍<span class="descp2">修改</span></a></li>
    <li><p class="words">${user.introduce}</p></li>
    </ul>
  
  </div><!-- content -->
    
  <div id="set_username">
    <div>
    <div class="header">
      <h1 class="hd-title">修改昵称</h1>
      <a href="javascript:;" class="pos-l icon hd-return">返回</a>
    </div>
    <div class="fm">
    <input type="text" name="loginname" value="${user.nickname}" class="single fm_username" placeholder="昵称名字" />
    <button class="btn submit">确认修改</button>
    </div>
    </div>
  </div>
  
  <div id="set_gender">
    <div>
    <div class="header">
      <h1 class="hd-title">修改性别</h1>
      <a href="javascript:;" class="pos-l icon hd-return">返回</a>
    </div>
    <div class="fm">
    <ul class="listview">
	 <li><label><input type="radio" name="fm_gender" class="fm_gender" value="0" /><span>保密</span></label></li>
    <li><label><input type="radio" name="fm_gender" class="fm_gender" value="1"  /><span>男</span></label></li>
    <li><label><input type="radio" name="fm_gender" class="fm_gender" value="2" /><span>女</span></label></li>
    </ul>
    <button class="btn submit">确认修改</button>
    </div>
    </div>
  </div>
  
  <div id="set_address">
    <div>
    <div class="header">
      <h1 class="hd-title">修改长居地</h1>
      <a href="javascript:;" class="pos-l icon hd-return">返回</a>
    </div>
    <div class="fm">
    <label>区域：</label>
    <select class="fm_address">
      <optgroup label="浦东新区">
        <option value="101">选项 11</option>
        <option value="102">选项 12</option>
        <option value="103">选项 13</option>
        <option value="104">选项 14</option>
        <option value="105">选项 15</option>
      </optgroup>
      <optgroup label="徐汇">
        <option value="201">选项 21</option>
        <option value="202">选项 22</option>
        <option value="203">选项 23</option>
      </optgroup>
      <optgroup label="虹口">
        <option value="301">选项 31</option>
        <option value="302">选项 32</option>
        <option value="303">选项 33</option>
      </optgroup>
    </select>
    <button class="btn submit">确认修改</button>
    </div>
    </div>
  </div>
  
  <div id="set_descp">
    <div>
    <div class="header">
      <h1 class="hd-title">修改自我介绍</h1>
      <a href="javascript:;" class="pos-l icon hd-return">返回</a>
    </div>
    <div class="fm">
    <textarea class="single fm_descp">${user.introduce}</textarea>
    <button class="btn submit">确认修改</button>
    </div>
    </div>
  </div>
  
</div><!-- page -->


<script type="text/javascript">
	$(function(){
		//alert($("input[value=${user.gender==null?0:user.gender}]").html())
		$("input[value=${user.gender==null?0:user.gender}]").attr("checked","true");
	})
</script>
</body>
</html>